<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Article元素的demo</title>
</head>
<body>
<b>类似于网易新闻评论区的效果，多个评论叠加在一起。在这里没有添加样式</b><hr>
<!-- 第一个 article -->
<article>
    <header>
        <h1>第一个Article</h1>
        <p>创建时间：<time pubdate="pabdate">2017/3/31</time></p>
    </header>
    <p>
        <b>article</b>是一个独立的区域
    </p>
    <!-- 包含子Article -->
    <section>
        <article>
            <header>
                <h1>Article -- 2</h1>
                <p>创建时间：<time pubdate="pabdate">2017/3/31</time></p>
            </header>
            <p>
                <b>article</b>是一个独立的区域
            </p>
            <section>
                <article>
                    <header>
                        <h1>Article -- 3</h1>
                        <p>创建时间：<time pubdate="pabdate">2017/3/31</time></p>
                    </header>
                    <p>
                        <b>article</b>是一个独立的区域
                    </p>
                </article>
            </section>
        </article>
    </section>
    <footer>版权所有@123</footer>
</article>
</body>
</html>